html
{
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*, *:before, *:after
{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border:none;
}

h1,h2,h3{
    font-weight: normal;
}
a,i{
    font-style: normal
}
ul,li{
    list-style: none;
    padding:0;
    margin:0;
}
button{
    border: none;
    background-color: transparent;
}
html,body,#__nuxt,.fn-fullbox{
    display: flex;
    width: 100%;
    height:100%;
    overflow: auto;
    position: absolute;
    flex-direction: column;
    padding:0;
    margin:0;
}

body{
    /*为了跟其他页面一样，所以暂时锁定，打开是没问题的*/
    -webkit-text-size-adjust: 100% !important;
    font-size: 24px;
    margin-top: -1px!important;/*px*/
}
a{
   text-decoration: none;
}

/*====================================
 *  全局样式
 ====================================*/
.g-font-b-l{
  font-size: 80px;
}
.g-font-b{
  font-size: 40px;
}
/*超大*/
.g-font-xxl{
  font-size: 28px;
}
/*加大*/
.g-font-xl{
  font-size: 26px;
}
/*大号*/
.g-font-l{
  font-size: 24px;
}
/*中等*/
.g-font-m{
  font-size: 22px;
}
/*偏小*/
.g-font-s{
  font-size: 20px;
}
/*更小*/
.g-font-xs{
  font-size: 18px;
}

/*====================================
 *  全局样式
 ====================================*/

.fn-hidden{
  display: none;
}
.fn-textoverflow{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    word-spacing: normal;
}
.fn-wordbreak{
    word-break: break-all;
    word-wrap: break-word;
}
.fn-nowrap{
    white-space:nowrap;
}

/*动画效果*/
@keyframes gFadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
}
@keyframes gFadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes gFadeIn {
    from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes gFadeOut{
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes gSlideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes gSlideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes gSlideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes gSlideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes gSlideOutUp {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
    }
}
@keyframes gCursor {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
